.banner-subtitle {
  font-family: "Microsoft YaHei";
  color: rgba(255, 255, 255, 0.5);
  @apply font-normal text-22px text-center;
}
// tab
.tab-item {
  font-family: "Microsoft YaHei";
  @apply font-normal text-32px text-hex-2c2c35 h-full flex items-center relative;
  &::after {
    content: " ";
    left: 50%;
    margin-left: -22px;
    @apply absolute bottom-0 w-45px h-6px rounded-3px bg-hex-fff;
  }
  &.active {
    font-family: "Microsoft YaHei Bold";
    @apply font-bold;
    &::after {
      @apply bg-hex-1a8cff;
    }
  }
}
// wiki scroll
.wiki-scroll-item {
  font-family: "Microsoft YaHei";
  @apply relative font-normal text-26px h-full inline-block leading-75px text-hex-666 relative flex-none mr-80px;
  &::after {
    content: " ";
    left: 50%;
    margin-left: -22px;
    @apply absolute bottom-0 w-8px h-8px rounded-4px bg-hex-fff;
  }
  &.active {
    &::after {
      @apply bg-hex-fe5900;
    }
  }
  &:first-child {
    margin-left: 57px;
  }
  &:last-child {
    margin-right: 57px;
  }
}
// article-scroll-item
.article-scroll-item {
  font-family: "Microsoft YaHei";
  @apply inline-block font-normal text-26px text-hex-666 rounded-30px h-60px box-border leading-60px bg-hex-f6f7f9 px-26px mr-32px;
  &.active {
    @apply text-hex-fff bg-hex-FE5900;
  }
  &:first-child {
    margin-left: 30px;
  }
  &:last-child {
    margin-right: 30px;
  }
}
.banner-bg-mask {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
